/* 白色主题变量 */
:root[data-theme='light'] {
  --color-primary: #2563eb;
  --color-secondary: #10b981;
  --color-danger: #ef4444;
  --color-warning: #f59e0b;
  --color-dark: #1e293b;
  --color-light: #ffffff;
  --color-primary-light: #eff6ff;
  --color-gray-light: #f1f5f9;

  /* 项目标题颜色 */
  --project-title-color: #283248;
  /* 项目文本颜色 */
  --project-text-color: #283248;
  /* 项目hover颜色 */
  --project-hover-color: #e4e8ec;
  /* 边框颜色 */
  --border-color: rgba(0, 0, 0, 0.1);
  /* 侧边栏背景颜色 */
  --sidebar-bj-color: #f0f3f6;
  /* 侧边栏文本颜色 */
  --sidebar-text-color: #787f8d;
  /* 侧边栏hover颜色 */
  --sidebar-hover-color: #e4e8ec;
  /* 侧边栏active颜色 */
  --sidebar-active-text-color: #fff;
  /* 侧边栏active背景颜色 */
  --sidebar-active-bj-color: linear-gradient(#fd3c5b, #fc3d49);

  /* 内容区背景颜色 */
  --content-bj-color: #f8fafc;
  /* 内容区hover背景颜色 */
  --content-hover-bj-color: #e4e8ec;
  /* 内容区按钮hover颜色 */
  --content-btn-hover-color: #283248;

  /* 内容区按钮默认颜色 */
  --content-btn-default-color: #928e8e;

  /* 底部背景颜色 */
  --footer-bj-color: #fafafa;
  /* 禁用颜色 */
  --disabled-color: rgb(100, 100, 100);
  /* 占位符颜色 */
  --placeholder-color: rgba(50, 50, 50, 0.5);

  --text: rgb(50, 50, 50);
  --moreDark: rgba(50, 50, 50, 0.6);
}

/* 白色主题样式 */
[data-theme='light'] body {
  background-color: #ffffff;
  color: #1e293b;
  background-image: url('./wavy-lines.svg');
  background-size: cover;
}
